<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <link rel="apple-touch-icon" href="favicon.png">

    <link rel="Shortcut Icon" href="favicon.png" type="image/x-icon">
    <title>周边超市</title>
    <script type="text/javascript">
        window.onload = function () {
            getRem(375, 50)
        }
        window.onresize = function () {
            getRem(375, 50)
        }

        /**
         * @description rem适配
         * @author ZK
         * @date 2019-01-30
         * @param {*} pwidth 设计图尺寸
         * @param {*} prem rem基数 1 rem = ${prem} px
         */
        function getRem (pwidth, prem) {
            var html = document.getElementsByTagName('html')[0]
            console.log(document.body)
            var oWidth = document.body.clientWidth || document.documentElement.clientWidth
            html.style.fontSize = oWidth / pwidth * prem + 'px'
        }
    </script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="./css/aroundSupermarket201906251000.css">
</head>
<body>
<div id="app" v-cloak>
    <div class="aroundSupermarket-backBox">
        <p class="aroundSupermarket-back">
            <span class="aroundSupermarket-backBtn" @click="back">
                返回
            </span>
            周边超市
        </p>
    </div>
    <div class="aroundSupermarket-listBox" v-for="(item,index) in supermarketList">
        <img :src=item.logo class="aroundSupermarket-logo">
        <div class="aroundSupermarket-contentBox">
            <p class="aroundSupermarket-name">{{item.name}}</p>
            <p class="aroundSupermarket-address">地址：{{item.address}}</p>
        </div>
    </div>
</div>
<script src="../js/vue.js"></script>
<script src="../js/axios.min.js"></script>
<script src="../js/fetch20190612.js"></script>
<!--<script type="text/javascript" src="../js/check.js"></script>-->
<script type="text/javascript" src="./js/aroundSupermarket.js"></script>
</body>
</html>
